/* 左侧布局 */
.leftContainer{
  height: 100%;
  width: 16%;
  background-color: rgb(36, 57, 70);
}
.leftContainer .logo{
  width: 100%;
  font-size: 36px;
  text-align: center;
  margin: 6% 0;
}
.leftContainer .logo a{
  color: white;
}
.leftContainer p{
  font-size: 18px;
  color: rgb(127, 152, 169);
  margin-top: 10%;
  margin-left: 15%;
  margin-bottom: 4%;
}
.leftContainer .borrowFun{
  margin-top: 8%;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center; /*定义body的元素垂直居中*/
  justify-content: center; /*定义body的里的元素水平居中*/
}

.borrowFun li{
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding-left: 50px;
  line-height: 50px;
  color: white;
}

.borrowFun li a{
  font-size: 20px;
}

.borrowFun li:hover{
  /* background: rgb(209, 102, 75); */
  background: rgb(10,25,36);
  /* background: rgb(80,82,89); */

  /* color: rgb(36, 57, 70); */
  cursor: pointer;
}
/* 当前显示页面功能导航部分背景颜色 */
.focusItem{
  background: rgb(223, 85, 50);

}

.borrowFun li img{
  width: 20px;
  height: 20px;
  margin-right: 20px;
  position: relative;
  top: 3px;
}

.clockBox{
  height: 600px;
  width: 600px;
  /* background-color: skyblue; */
  position: absolute;
  bottom: -150px;
  left: -150px;
	transform: scale(0.34);

}

/* 设置时钟 */
#clock
{
	position: relative;
	width: 600px;
	height: 600px;
	list-style: none;
	margin: 20px auto;
	background: url('../images/clock.png') no-repeat center;
  background: url('../img/clock-imgs/clock.png') no-repeat center;
}
#seconds,
#minutes,
#hours
{
	position: absolute;
	width: 30px;
	height: 580px;
	left: 270px;
}
#date
{
	position: absolute;
	top: 365px;
	color: #666;
	right: 140px;
	font-weight: bold;
	letter-spacing: 3px;
	font-family: "微软雅黑";
	font-size: 30px;
	line-height: 36px;
}
#hours
{
  background: url('../img/clock-imgs/hands.png') no-repeat left;
	z-index: 1000;
}
#minutes
{
  background: url('../img/clock-imgs/hands.png') no-repeat center;
	width:25px;
	z-index: 2000;
}

#seconds
{
  background: url('../img/clock-imgs/hands.png') no-repeat right;
	z-index: 3000;
}
/* 设置下方名言 */
.quoto{
  font-size: 18px;
  color: rgb(236, 236, 236) !important;
  position: absolute;
  font-style: italic;
  letter-spacing: 2px;
  bottom: -68px;
  left: -250px;
}